{% extends 'base_user_center.html' %}
{% load staticfiles %}

{% block right_content %}
    <div class="right_content clearfix">
            {% csrf_token %}
            <h3 class="common_title2">全部订单</h3>

            {% for order in order_page %}
            <ul class="order_list_th w978 clearfix">
                <li class="col01">{{ order.create_time }}</li>
                <li class="col02">订单号：{{ order.order_id }}</li>
                <li class="col02 stress">{{ order.status_name }}</li>
            </ul>

            <table class="order_list_table w980">
                <tbody>
                    <tr>
                        <td width="55%">
                            {% for order_sku in order.order_skus %}
                            <ul class="order_goods_list clearfix">
                                <li class="col01"><a href="{% url 'goods:detail' order_sku.sku.id %}"><img src="{{ order_sku.sku.image.url }}"></a></li>
                                <li class="col02"><a href="{% url 'goods:detail' order_sku.sku.id %}">{{ order_sku.sku.name }}</a><em>{{ order_sku.price }}元/{{ order_sku.sku.unite }}</em></li>
                                <li class="col03">{{ order_sku.count }}</li>
                                <li class="col04">{{ order_sku.price }}元</li>
                            </ul>
                            {% endfor %}
                        </td>
                        <td width="15%">{{ order.total_price|add:order.transit_price }}元(含运费:{{ order.transit_price }}元)</td>
                        <td width="15%">{{ order.status_name }}</td>
                        <td width="15%"><a href="#" order_id="{{ order.order_id }}" order_status="{{ order.order_status }}" class="oper_btn">去付款</a></td>
                    </tr>
                </tbody>
            </table>
            {% endfor %}

            <div class="pagenation">
                {% if order_page.has_previous_page %}
                    <a href="{% url 'user:order' order_page.previous_page_number %}"><上一页</a>
                {% endif %}
                {% for page in pages %}
                    {% if page == order_page.number %}
                        <a href="{% url 'user:order' page %}" class="active">{{ page }}</a>
                    {% else %}
                        <a href="{% url 'user:order' page %}">{{ page }}</a>
                    {% endif %}
                {% endfor %}
                {% if order_page.has_next_page %}
                    <a href="{% url 'user:order' order_page.next_page_number %}">下一页></a>
                {% endif %}
            </div>
		</div>
{% endblock right_content %}
{% block bottomfiles %}
    <script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js' %}"></script>
    <script type="text/javascript">
        $('.oper_btn').each(function () {
            // 获取订单状态
            status = $(this).attr('order_status')
            if (status == 1){
            $(this).text('去支付')
            }
            else if (status == 4){
                $(this).text('去评价')
            }
            else if (status == 5){
                $(this).text('已完成')
            }
        })
        // 给去支付绑定点击事件
        $('.oper_btn').click(function () {
            // 获取订单id和支付状态
            order_id = $(this).attr('order_id')
            status = $(this).attr('order_status')
            if (status == 1) {
                // 进行支付
                csrf = $('input[name="csrfmiddlewaretoken"]').val()
                // 组织参数
                params = {'order_id': order_id, 'csrfmiddlewaretoken': csrf}
                // 发起ajax post请求, 请求地址: /order/pay, 请求参数：order_id
                $.post('/order/pay', params, function (data) {
                    if (data.res == 3) {
                        // 支付成功
                        window.open(data.pay_url)
                        // 浏览器访问/order/check, 获取支付交易的结果
                        // ajax post 传递参数:order_id
                        $.post('/order/check', params, function (data) {
                            if (data.res == 3) {
                                // 支付成功
                                // 刷新页面
                                location.reload()
                            }else{
                                // 支付失败
                                alert(data.errmsg)
                            }
                        })
                    }else{
                        // 支付失败
                        alert(data.errmsg)
                    }
                })
            }else if (status == 4){
            // 其他情况
            // 跳转到评价页面
            location.href = '/order/comment/'+ order_id
            }
        })

    </script>

{% endblock bottomfiles %}


